<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Location</title>
    <script>
        /* 
        location 表示的是浏览器地址栏的信息
            可以直接将location的值直接修改为一个新的地址，这样会使得页面发生跳转。
            1.location.href                                     获取当前地址
            2.location.assgin("https://www.baidu.com")          跳转一个新的地址
            3.loaction.replace("https://www.baidu.com")         不会产生历史记录，无法通过回退按钮回退。
            4.location.reload()                                 重新加载，就是刷新页面，输入参数为true时，表示强制清空缓存刷新    
        */
        document.addEventListener("DOMContentLoaded",()=>{
            const btn=document.getElementsByClassName("btn")[0]

            btn.addEventListener("click",(event)=>{

                console.log(location)

                console.log(location.href) // 可以获取当前的地址

                // location="https://www.baidu.com"

                // location.assign("https://www.baidu.com")  // 跳转到一个新的地址

                // loaction.replace("https://www.baidu.com")  // 不会产生历史记录，无法通过回退按钮回退。

                location.reload()


            })
        })
    </script>
</head>
<body>
    <button class="btn">按钮</button>
</body>
</html>